/*
AceGame. Web browser MMORPG.
Copyright(C) 2012 Aceapps Aplicaciones. 
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses
*/

/* Reset */

* {
	margin: 0;
	padding: 0;
}

/* Render HTML5 elements as block */

#tabContainer, footer {
	display: block;
}

/* Main Configuration */

body {
	line-height: 1;
	background: #505050;
	color: #666;
	font-size: 150%;
	line-height: 200%;
}
	
/* Layout */

#wrapper {
	width: 100%;
}

#tabContainer {
	width: 100%;
	padding: 2% 0% 2% 0%;
	background-color: #2e2e2e; 
}

footer {
	width: 100%;
	background: #505050;
	color: #fff;
	margin: 0 auto;
	clear: both;
}

/* Titles */

#wrapper h1 {
	font-weight: bold;
	clear: both;
	color: #333;
	text-align: center;
	padding: 2%;
	font-size: 50px;
}

#wrapper h1 a:link, #wrapper h1 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 1px 3px 4px #333;
}

#wrapper h1 a:hover { 
	text-decoration: underline; 
}

/* Forms */

form {
	width: 50%;
	margin: auto;
	padding: 2%;

	/* Background Gradient - Firefox and Webkit */
	background: -moz-linear-gradient(19% 75% 90deg,#FFFFFF, #FFFFFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));
}

input {
	background: #909090;
	border-top: 1px solid #505050;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	font-size: 90%;

	/* Transition Selectors - What properties to animate and how long */
	-webkit-transition-property: -webkit-box-shadow, background;
	-webkit-transition-duration: 0.25s;

	/* Small Shadow */
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
}

input:hover {
	-webkit-box-shadow: 0px 0px 4px #000;
	background: #AAAAAA;
}

input.email, input.password {
	width: 100%;
}

input.submit {
	color: #000;
	text-transform: uppercase;
	text-shadow: #000 1px 1px;
	border-top: 1px solid #505050;
	margin-top: 10px;
	padding: 1%;

	/* CSS3 Gradients */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505050), to(#FFFFFF));
	background:  -moz-linear-gradient(19% 75% 90deg,#505050, #FFFFFF);
}

/* Tabs */

.tabs {
	height: 2.5em;
}

.tabs > ul > li {
	margin: 0 0.5% 0 0;
	padding: 0.5%;
	display: block;
	float: left;
	color: #FFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #505050;
}

.tabs > ul > li:hover {
	background: #F3F3F3;
	cursor:pointer;
	color: #000;
}

.tabs > ul > li.tabActiveHeader {
	background: #F3F3F3;
	cursor:pointer;
	color: #000;
}

.tabscontent {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
	padding: 2%;
	background: #FFFFFF;
	margin:0;
	color:#333;
}

/* Footer */

footer p {
text-align: right;
font-size: 11px;
padding: 5px 20px 5px 0;
}

footer a {
color: #999;
}

footer a:hover {
color: #FFF;
text-decoration: none;
}

footer a:link, footer a:visited {
color: #FFF;
}
